<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>DPL: 按钮</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge;Chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="/skin/frontend/uemall_v2/mobile/css/dpl.css">
<link rel="stylesheet" href="/skin/frontend/uemall_v2/mobile/css/dpl/dpl-demo.css">
</head>

<body class="cmWrapper dpl-demo-btn">
<article class="cmPage">
	<header class="cmPageNavBar">
		<h1>按钮</h1>
		<div class="cmBtnWrapper cmRight">
			<a class="cmBtn" href="javascript:location.reload();">刷新</a>
		</div>
		<div class="cmBtnWrapper cmLeft">
			<a class="cmBtn cmBack" href="../"><b>DPL</b></a>
		</div>
	</header>
	<section class="normal">
		<h2>普通按钮</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn">普通按钮</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmStrong">重要按钮</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmDangerous">危险按钮</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper disabled">
				<a href="#none" class="cmBtn">（禁用）</a>
			</div>
			<div class="cmBtnWrapper disabled">
				<a href="#none" class="cmBtn cmStrong">（禁用）</a>
			</div>
			<div class="cmBtnWrapper disabled">
				<a href="#none" class="cmBtn cmDangerous">（禁用）</a>
			</div>
		</div>
	</section>
	<section class="normal">
		<h2>表单按钮</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<input type="button" class="cmBtn" value="Input">
			</div>
			<div class="cmBtnWrapper">
				<input type="submit" class="cmBtn" value="Submit">
			</div>
			<div class="cmBtnWrapper">
				<button type="submit" class="cmBtn">Button</button>
			</div>
		</div>
	</section>
	<section class="special">
		<h2>特殊样式</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLarge">大按钮</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall">小按钮</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLongText">长文字</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmNoBorder">无边框按钮</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmNoShadow">无投影按钮</a>
			</div>
		</div>
	</section>
	<hr>
	<section class="btn-label">
		<h2>小按钮 (含图标 x20)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall cmDownArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall cmRightArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall cmRightArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
					<b>按钮文字</b>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall cmDownArrow">按钮文字</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall cmRightArrow">按钮文字</a>
			</div>
		</div>
		<h2>按钮 (含图标 x20)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmDownArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
					<b>按钮文字</b>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmDownArrow">按钮文字</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow">按钮文字</a>
			</div>
		</div>
		<h2>按钮 (含图标 x30)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmDownArrow">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
					<b>按钮文字</b>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmDownArrow">按钮文字</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow">按钮文字</a>
			</div>
		</div>
		<h2>大按钮 (含图标 x20)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLarge">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmDownArrow cmLarge">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow cmLarge">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow cmLarge">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
					<b>按钮文字</b>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmDownArrow cmLarge">按钮文字</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow cmLarge">按钮文字</a>
			</div>
		</div>
		<h2>大按钮 (含图标 x30)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLarge">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmDownArrow cmLarge">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow cmLarge">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow cmLarge">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
					<b>按钮文字</b>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmDownArrow cmLarge">按钮文字</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow cmLarge">按钮文字</a>
			</div>
		</div>
		<h2>大按钮 (含图标 x40)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLarge">
					<i class="cmIcon cmX40 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmDownArrow cmLarge">
					<i class="cmIcon cmX40 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow cmLarge">
					<i class="cmIcon cmX40 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow cmLarge">
					<i class="cmIcon cmX40 jump-to-top"><b></b><b></b>回到顶部</i>
					<b>按钮文字</b>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmDownArrow cmLarge">按钮文字</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmRightArrow cmLarge">按钮文字</a>
			</div>
		</div>
	</section>
	<hr>
	<section class="btn-label">
		<h2>小按钮 (含图标 x20)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall cmUpArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall cmLeftArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall cmLeftArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
					<b>按钮文字</b>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall cmUpArrow">按钮文字</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmSmall cmLeftArrow">按钮文字</a>
			</div>
		</div>
		<h2>按钮 (含图标 x20)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmUpArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
					<b>按钮文字</b>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmUpArrow">按钮文字</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow">按钮文字</a>
			</div>
		</div>
		<h2>按钮 (含图标 x30)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmUpArrow">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
					<b>按钮文字</b>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmUpArrow">按钮文字</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow">按钮文字</a>
			</div>
		</div>
		<h2>大按钮 (含图标 x20)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLarge">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmUpArrow cmLarge">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow cmLarge">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow cmLarge">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
					<b>按钮文字</b>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmUpArrow cmLarge">按钮文字</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow cmLarge">按钮文字</a>
			</div>
		</div>
		<h2>大按钮 (含图标 x30)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLarge">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmUpArrow cmLarge">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow cmLarge">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow cmLarge">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
					<b>按钮文字</b>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmUpArrow cmLarge">按钮文字</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow cmLarge">按钮文字</a>
			</div>
		</div>
		<h2>大按钮 (含图标 x40)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLarge">
					<i class="cmIcon cmX40 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmUpArrow cmLarge">
					<i class="cmIcon cmX40 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow cmLarge">
					<i class="cmIcon cmX40 jump-to-top"><b></b><b></b>回到顶部</i>
				</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow cmLarge">
					<i class="cmIcon cmX40 jump-to-top"><b></b><b></b>回到顶部</i>
					<b>按钮文字</b>
				</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmUpArrow cmLarge">按钮文字</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn cmLeftArrow cmLarge">按钮文字</a>
			</div>
		</div>
	</section>
	<hr>
	<section class="btn-label">
		<h2>小按钮 (含图标 x20)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<button class="cmBtn cmSmall">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmSmall cmDownArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmSmall cmRightArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</button>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<button class="cmBtn cmSmall cmRightArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
					<b>按钮文字</b>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmSmall cmDownArrow">按钮文字</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmSmall cmRightArrow">按钮文字</button>
			</div>
		</div>
		<h2>按钮 (含图标 x20)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<button class="cmBtn">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmDownArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</button>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
					<b>按钮文字</b>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmDownArrow">按钮文字</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow">按钮文字</button>
			</div>
		</div>
		<h2>按钮 (含图标 x30)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<button class="cmBtn">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmDownArrow">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</button>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
					<b>按钮文字</b>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmDownArrow">按钮文字</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow">按钮文字</button>
			</div>
		</div>
		<h2>大按钮 (含图标 x20)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<button class="cmBtn cmLarge">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmDownArrow cmLarge">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow cmLarge">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
				</button>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow cmLarge">
					<i class="cmIcon cmX20 jump-to-top"><b></b><b></b>回到顶部</i>
					<b>按钮文字</b>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmDownArrow cmLarge">按钮文字</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow cmLarge">按钮文字</button>
			</div>
		</div>
		<h2>大按钮 (含图标 x30)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<button class="cmBtn cmLarge">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmDownArrow cmLarge">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow cmLarge">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
				</button>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow cmLarge">
					<i class="cmIcon cmX30 search"><b></b><b></b>搜索</i>
					<b>按钮文字</b>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmDownArrow cmLarge">按钮文字</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow cmLarge">按钮文字</button>
			</div>
		</div>
		<h2>大按钮 (含图标 x40)</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<button class="cmBtn cmLarge">
					<i class="cmIcon cmX40 jump-to-top"><b></b><b></b>回到顶部</i>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmDownArrow cmLarge">
					<i class="cmIcon cmX40 jump-to-top"><b></b><b></b>回到顶部</i>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow cmLarge">
					<i class="cmIcon cmX40 jump-to-top"><b></b><b></b>回到顶部</i>
				</button>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow cmLarge">
					<i class="cmIcon cmX40 jump-to-top"><b></b><b></b>回到顶部</i>
					<b>按钮文字</b>
				</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmDownArrow cmLarge">按钮文字</button>
			</div>
			<div class="cmBtnWrapper">
				<button class="cmBtn cmRightArrow cmLarge">按钮文字</button>
			</div>
		</div>
	</section>
	<hr>
	<section class="h-align">
		<h2>水平排列的按钮</h2>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn">按钮一</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn">按钮二</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn">按钮一</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn">按钮二</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#none" class="cmBtn">按钮三</a>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<input type="button" class="cmBtn" value="Input 1">
			</div>
			<div class="cmBtnWrapper">
				<input type="button" class="cmBtn" value="Input 2">
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnWrapper">
				<input type="button" class="cmBtn" value="Input 1">
			</div>
			<div class="cmBtnWrapper">
				<input type="button" class="cmBtn" value="Input 2">
			</div>
			<div class="cmBtnWrapper">
				<input type="button" class="cmBtn" value="Input 3">
			</div>
		</div>
	</section>
	<section class="switch">
		<h2>切换按钮</h2>
		<div class="cmBtnSwitch cmBtnCombo">
			<div class="cmBtnWrapper current">
				<a href="#switch" class="cmBtnItem cmBtn">按钮一</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#switch" class="cmBtnItem cmBtn">按钮二</a>
			</div>
		</div>
		<div class="cmBtnSwitch cmBtnCombo">
			<div class="cmBtnWrapper">
				<a href="#switch" class="cmBtnItem cmBtn current">按钮一</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#switch" class="cmBtnItem cmBtn">按钮二</a>
			</div>
			<div class="cmBtnWrapper">
				<a href="#switch" class="cmBtnItem cmBtn">按钮三</a>
			</div>
		</div>
		<div class="cmBtnSwitch cmBtnCombo">
			<div class="cmBtnWrapper">
				<input type="button" class="cmBtnItem cmBtn current" value="Input 1">
			</div>
			<div class="cmBtnWrapper">
				<input type="button" class="cmBtnItem cmBtn" value="Input 2">
			</div>
		</div>
		<div class="cmBtnSwitch cmBtnCombo">
			<div class="cmBtnWrapper">
				<input type="button" class="cmBtnItem cmBtn current" value="Input 1">
			</div>
			<div class="cmBtnWrapper">
				<input type="button" class="cmBtnItem cmBtn" value="Input 2">
			</div>
			<div class="cmBtnWrapper">
				<input type="button" class="cmBtnItem cmBtn" value="Input 3">
			</div>
		</div>
	</section>
	<hr>
	<section class="h-align">
		<h2>水平排列的按钮（无按钮容器）</h2>
		<div class="cmBtnLine">
			<a href="#none" class="cmBtn">按钮一</a>
			<a href="#none" class="cmBtn">按钮二</a>
		</div>
		<div class="cmBtnLine">
			<a href="#none" class="cmBtn">按钮一</a>
			<a href="#none" class="cmBtn">按钮二</a>
			<a href="#none" class="cmBtn">按钮三</a>
		</div>
		<div class="cmBtnLine">
			<input type="button" class="cmBtn" value="Input 1">
			<input type="button" class="cmBtn" value="Input 2">
		</div>
		<div class="cmBtnLine">
			<input type="button" class="cmBtn" value="Input 1">
			<input type="button" class="cmBtn" value="Input 2">
			<input type="button" class="cmBtn" value="Input 3">
		</div>
	</section>
	<section class="combo">
		<h2>水平排列的按钮（含输入框）</h2>
		<div class="cmBtnCombo">
			<a href="#" class="cmBtn" data-action>动作</a>
			<input type="text" class="text" name="username" id="in_t_">
			<a href="#" class="cmBtn" data-action>动作</a>
		</div>
	</section>
	<hr>
	<section class="suite">
		<h2>水平排列的按钮（按钮套件）</h2>
		<div class="cmBtnLine">
			<div class="cmBtnSuite">
				<h3>按钮标题</h3>
				<div class="cmBtnWrapper">
					<a href="#none" class="cmBtn">按钮一</a>
				</div>
				<p class="cmDescr">此按钮有某某功能。</p>
			</div>
			<div class="cmBtnSuite">
				<h3>按钮标题</h3>
				<div class="cmBtnWrapper">
					<a href="#none" class="cmBtn">按钮二</a>
				</div>
				<p class="cmDescr">此按钮有某某功能。</p>
			</div>
		</div>
		<div class="cmBtnLine">
			<div class="cmBtnSuite">
				<h3>标题</h3>
				<div class="cmBtnWrapper">
					<input type="button" class="cmBtn" value="Input 1">
				</div>
				<p class="cmDescr">按钮的说明</p>
			</div>
			<div class="cmBtnSuite">
				<h3>标题</h3>
				<div class="cmBtnWrapper">
					<input type="button" class="cmBtn" value="Input 2">
				</div>
				<p class="cmDescr">按钮的说明</p>
			</div>
			<div class="cmBtnSuite">
				<h3>标题</h3>
				<div class="cmBtnWrapper">
					<input type="button" class="cmBtn" value="Input 3">
				</div>
				<p class="cmDescr">按钮的说明</p>
			</div>
		</div>
	</section>
	<hr>
	<section>
		<a class="cmBtn" href="javascript:location.reload();">刷新</a>
	</section>
	<hr>
	<footer>
		<address>&copy; UEFED.COM</address>
	</footer>
</article>
<script src="/js/mv1/lib/lib.js"></script>
<script src="/js/mv1/lib/dpl.js"></script>
<script>_.ext.ini(); DPL.ini(); _.ga.ini();</script>
<script src="/js/mv1/dpl/dpl-demo.js"></script>
</body>
</html>
